<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>
{% block title %}
CatAB
{% endblock %}
</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<style type="text/css">
<!--
.contents{
  width: 70%;
	float: right;
}
.sidebar{
   width: 25%;
	 float: right;
}
-->
</style>

</head>
<body>

<div class="contents">
{% block contents %}
{{ content }}
{% endblock %}
</div>

<div class="sidebar">
{% block sidebar %}
<h3>Menu</h3>
<ul>
<li>Summary</li>
<li>Account</li>
<li>Budget</li>
<li>Profile</li>
<li><a href="{{ login_url }}">{{ login_text}}</a></li>
</ul>
<hr>
<h3>Debug</h3>
<ul>
<li><a href="/account/create">New Account</a></li>
<li><a href="/category/create">New Category</a></li>
<li><a href="/record/create">New Record</a></li>
<li><a href="/transaction/create">New Transaction</a></li>
<li><a href="/debug/">View</a></li>
</ul>
{% endblock %}
</div>

</body>
</html>
